<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试字体大小</title>
    <style>
        html {font-size:10px;}
        h1 {font-size:4rem;} /* 40px/16=2.5em */
        h2 {font-size:3rem;} /* 30px/16=1.875em */
        li{
            font-size: 3.5rem;
        }
        p {font-size:1.5rem;} /* 14px/16=0.875em */

    </style>
</head>
<body>
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<p>这是测试文本</p>
<ul>
    <li><p>这是测试文本</p></li>
    <li><p>这是测试文本</p></li>
</ul>
</body>
</html>